/** @jsxImportSource @emotion/react */
import * as React from "react";
import {CCell, RCell, Table, TableBody, TableRow,} from "customize-easy-ui-component";
import {businessCatspMap} from "../../../agreement/AgreementList";
import {eqpTypeAllMap} from "../../../dict/eqpComm";
import {AttentionPoint} from "../../common/rarelyVary";

/**监检 管道的 封面概要；
 * */
export const 首页设备概况Ldis= ({theme, orc, rep } :{theme: any, orc:any, rep:any}
) => {
  const oBstype=businessCatspMap.get(rep?.isp?.bsType!);
  const gdBstype= '定期'===oBstype? '全面检验' : oBstype;
  return <Table fixed={ ["20%","%"] }  css={ {borderCollapse: 'collapse'} }>
    <TableBody rheight={40}>
      <TableRow>
        <RCell css={{border:'none'}}>使用单位名称：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.使用单位 || '／'}</CCell>
      </TableRow>
      <TableRow >
        <RCell css={{border:'none'}}>设备品种：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{eqpTypeAllMap.get(orc.设备品种) || '／'}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>压力管道名称：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.管道设备名 || '／'}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>压力管道编号：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.管道编号 || '／'}</CCell>
      </TableRow>
      <TableRow >
        <RCell css={{border:'none'}}>检验类别：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{gdBstype || '／'}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>检验日期：</RCell>
        {orc.检验日期1? <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.检验日期1} 至 {orc.检验日期}</CCell>
            :
            <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.检验日期}</CCell>
        }
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>监察识别码：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.监察识别码 || '／'}</CCell>
      </TableRow>
    </TableBody>
  </Table>;
};

export const 注意事项Ldis= ( {comply, rep} :{comply: any, rep: any}
) => {
  //中间组件只带了第一行的内容 1．本报告{comply}。<br/>  参数telurl：是否显示报检方式；最后一行跟随的！
  return <AttentionPoint rep={rep} comply={comply} telurl >
    2．本报告应当由计算机打印输出，或者用钢笔、签字笔填写，字迹应当工整，修改无效。<br/>
    3．本报告无检验、编制、审核、批准人员签字和检验机构的核准证号、检验专用章或者公章无效。<br/>
    4．本报告书一式三份，检验机构一份、使用单位两份。<br/>
    5．受检单位对本报告结论如有异议，请在收到报告书之日起15日内，向检验机构提出书面意见。<br/>
    6．根据《中华人民共和国特种设备安全法》，使用单位应于检验合格有效期届满前1个月向检验机构提出定期检验申请。<br/>
    7．有关检验检测数据未经允许，施工、使用单位不得擅自向社会发布信息。<br/>
    8．
  </AttentionPoint>;
};
